<template>
	<layout :isSidebar="false">
		<div style="background:#f0f2f5;height:100%;">
			<div class="wscn-http404">
				<div class="pic-404">
					<img class="pic-404__parent" :src="img_404" alt="404">
					<img class="pic-404__child left" :src="img_404_cloud" alt="404">
					<img class="pic-404__child mid" :src="img_404_cloud" alt="404">
					<img class="pic-404__child right" :src="img_404_cloud" alt="404">
				</div>
				<div class="exception">
					<div class="exception__headline">抱歉，你无权访问该页面</div>
					<router-link :to="{path:'/'}" class="exception__return-home">返回首页</router-link>
				</div>
			</div>
		</div>
	</layout>
</template>

<script>
	import img_404 from '@/assets/img/404.png';
	import img_404_cloud from '@/assets/img/404_cloud.png';

	export default {
		name: 'page403',
		data() {
			return {
				img_404,
				img_404_cloud,
			};
		},
	};
</script>

<style lang="scss" scoped>
	@import "./style.scss";
</style>
